<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        function shutwin(){
            window.close();
            return;
        }
        function d1(){
            alert("弹出(｡･∀･)ﾉﾞ嗨")
        }
        function d2(){
           var name=prompt("请吧","");
           if (name!=null&& name!=""){
            document.write("你好大神"+name+"!")
           }
        }
        function d3(){
            var r=confirm("按下按钮")
            if(r==true){
                document.write("单击确定按")
            }
            else(
                document.write("单击返回按钮")
            )
        }
    </script>
    <style>
        a{
            display: block;
            text-align: center;
            align-content: center;
            width: 200px;
            height: 200px;
            border: 1px dashed;
            background-color: antiquewhite;
        }
        a:hover{
            width: 300px;
            height: 300px;
            border: 1px dashed;
            color: violet;
            box-shadow: 10px 10px 10px gray;
            background-color: antiquewhite;
        }
        a:active{
            width: 300px;
            height: 200px;
            border: 1px dashed;
            color: violet;
            box-shadow: 10px 10px 10px gray;
            background-color: antiquewhite;
        }
    </style>
</head>
<body>
<input type="button" onclick="d1()" value="弹出(｡･∀･)ﾉﾞ嗨">
<input type="button" onclick="d2()" value="输入(｡･∀･)ﾉﾞ嗨">
<input type="button" onclick="d3()" value="选择(｡･∀･)ﾉﾞ嗨">
<a href="javascript:shutwin()">关闭网页</a>
</body>
</html>